import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { HEROES, Fruit } from '../common/Hero';
import { HeroChildComponent } from '../hero-child/hero-child.component';
@Component({
  selector: 'app-hero-parent',
  standalone: true,
  imports: [HeroChildComponent, CommonModule],
  template: `
    <h2>{{ master }} controls {{ heroes.length }} heroes</h2>
    <app-hero-child
      *ngFor="let hero2 of heroes"
      [hero]="hero2"
      [master3]="master"
      [address]="hero2.address"
    >
    </app-hero-child>

    <hr />
  `,
  styleUrls: ['hero-parent.component.css'],
})
export class HeroParentComponent {
  heroes = HEROES;
  master = 'Master';
  items = [1, 2, 3];
  names = ['Dr. IQ', '   ', '  Bombasto  '];
}
